<template>
  <div class="" />
</template>

<script>
export default {
  name: 'MyComponent',
  props: { },
  data () {
    return { }
  },
  computed: { },
  created () { },
  mounted () { },
  methods: {
    /*
      mvvm:指的是Model-ViewModel的简写，即模型-视图-视图模型，[模型]指的是后端传递的数据，[视图]指的是所看到的页面，[视图模型]mvvm模式的核心，它是连接 view和model的桥梁，他有两个方向：一是将[模型]转换成[视图]。即将后端传递的数据转换成所看到的页面。实现的方式是：数据绑定二是将[视图]转换成[模型]，即将所看到的页面转换成后端的数据实现的方式是DOM事件监听，这两个方向都实现的，我们称之为数据的双向绑定，总结：在mvvm的框架下视图和模型是不能直接通信的，它们通过ViewModel来通信，ViewModel通常要实现一个observe观察者，当数据发生变化，ViewModel能够监听到数据的这种变化，然后通知到对应的视图做自动更新，而当用户操作视图，ViewModel也能监听到视图的变化，然后通知数据做改动，这实际上就实现了数据的双向绑定，并且在MVVM中的View和ViewModel可以互相通信，MVVM流程图如下

      */
    /*
    MVC MVC是是Model-View-Controller的简写，即模型视图控制器，M和V指的意思和MVVM中的V意思一样，c即是COntroller指的是页面业务逻辑，使用MVC的目的就是将M和V的代码分离，MVC是单向通信，也就是View跟Model，必须通过Controller来承上启下，MVC和MVVM的区别并不是VM完全取代了C，ViewModel存在目的在于抽离Controller中展示的业务逻辑，而不是替代了Controller其它视图操作业务等还是应该放在Controller中实现，也就是说MVVM实现的是业务逻辑组件的重要，由于mvc出现的时间比较早，前端并不那么早熟，很多业务逻辑在后端实现
     */
  }
}
</script>

<style scoped lang='less'></style>
